<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN CONTAINER -->
	<!-- BEGIN CONTENT -->
	<div ng-controller="orderReportController">
		<div class="form-group" style="margin: 0px;" id="queryOrderResportSerchModel">
			<div class="row">
				<label class="col-sm-2 control-label text-right" >卡号</label>
				<div class="col-sm-3">
					<div class="input-group">
						<input type="text" class="form-control" ng-model="orderSearchModel.cardNo"  ng-disabled="false" />
					 </div>
				</div> 
				<label class="col-sm-2 control-label text-right"  >开始日 期</label>
				<div class="col-sm-2"> 
					<div class="input-group">
						<input class="form-control getTime" data-format="yyyy-MM-dd"  readOnly="true"  type="text"   ng-model="orderSearchModel.startDate" ng-change="onClickStartTime()"/>
					</div>
				</div>
				<label class="col-sm-1 control-label text-right"  >运营商</label>
				<div class="col-sm-2"> 
					<div class="input-group">
					<select ng-options="service.merchantCode as service.shortName  for service in listMerchantByManagerId" 
										ng-model="orderSearchModel.merchantCode" class="form-control">
									<option value="">请选择运营商</option>
						</select> 
					</div>
				</div>
				</div>
				<div class="row">
				<label class="col-sm-2 control-label text-right" >主服务名</label>
				<div class="col-sm-3">
					<div class="input-group">
						<select ng-options="service.serviceNo as service.name  for service in queryMainSeviceSelect" 
										ng-model="orderSearchModel.serviceNo" class="form-control">
									<!-- <option value="">请选择出入方</option> -->
									<option value="">请选择主服务</option>
						</select> 
					 </div>
				</div> 
				<label class="col-sm-2 control-label text-right"  >结束日期</label>
				<div class="col-sm-2"> 
					<div class="input-group"> 
						<input class="form-control getTime" data-format="yyyy-MM-dd"    readOnly="true" 	type="text" ng-model="orderSearchModel.endDate"/>
					</div>
				</div>
				<div class="col-sm-1">
					<div class="input-group">
						<button type="button" class="btn btn-primary"  ng-click="queryOrderResport()"  ><i class="fa "></i>查询</button>
					</div>
				</div>
			</div>
	</div>
	<hr />
	<table class="table table-striped table-bordered table-hover" id="table_1">
		<thead>
			<tr>
				<th>订单号</th>
				<th>金额</th>
				<th>卡号</th>
				<th>用户名</th>
				<th>主服务</th>
				<th>用户类型</th>
				<th>订单状态</th>
				<th>创建时间</th>
			</tr>
		</thead>
		<tbody>
			<tr class="odd gradeX" ng-repeat="l in query track by $index"   ng-click="queryOrderItem($event,query,l.orderNo)" on-loaded="false" target-table="table_1">
				<td><span ng-bind="l.orderNo"></span></td>
				<td><span ng-bind="l.caculatedTotalPrice"></span></td>
				<td><span ng-bind="l.cardNo"></span></td>
				<td><span ng-bind="l.userName"></span></td>
				<td><span ng-bind="l.serviceName"></span></td>
				<td><span ng-bind="l.userTypeName"></span></td>
				<td><span ng-bind="l.statusName"></span></td>
				<td><span ng-bind="l.createTime"></span></td>
			</tr>
		</tbody>
	</table>
	   <div class="ngPaper">
	     <ngpaper  page-count="pageCount" current-page="currentPage" on-page-change="onPageChange()" first-text="首页" next-text="下一页" prev-text="上一页" last-text="尾页"></ngpaper>
    </div>
</div>
<!-- END CONTENT -->
<!-- END CONTAINER -->
<script src="/static/common/plugin/pagination/src/ng-pagination.js" type="text/javascript"/>
<link href="/static/common/plugin/pagination/src/ng-pagination.css" rel="stylesheet" />
<script>
$(function(){
	//绑定确认框
	$().bootboxWindow_confirm();
	//选择初始化
	$('.getTime').datetimepicker({
		language: 'zh-CN',
        inputMask: false,
		todayBtn: false,
		autoclose: true,
		minView: 2,
		startView: 2,
		format: "yyyy-mm-dd"
	});
	$('.getTime').css('cursor','pointer');
 });
$(function(){dz_public_init();});
</script>
</body>
<!-- END BODY -->
</html>